<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./font.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./main.css">
    <title>趣运动</title>
</head>
<body>
    <div class="top">
        <div class="box">
            <div class="l">
                <a class="a1">运动就这么简单!</a>|
                <a class="a1">手机客户端下载</a>
            </div>
            <div class="r">
                <a class="a1">我的订单</a>|
                <a class="a1">用户中心</a>|
                <a class="a1">关于我们</a>|
                <a class="a1">加入我们</a>
            </div>
        </div>
    </div>
    <div class="head">
        <div class="box3">
            <img class="img1" src="./imges/im1.jpg">
            <label >
                <select>
                    <option>广州</option>
                </select> 
            </label>
            <div class="b1">
                <label>
                    <select>
                        <option>羽毛球</option>
                    </select> 
                </label>
                <input type="text" placeholder="请输入场地名称">
                <button class="button1">搜索</button>
            </div>
        </div>
    </div>
    <div class="neck">
        <div class="box">
            <div class="left"><div class="a2">场馆预订</div>
            <div class="a2">手机客户端</div>
            <div class="a2">
                预订流程
            </div></div>
            <div class="right">
            <div class="a2">您好!请[登录]&nbsp[注册]</div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="box1">
           <img class="img2" src="./imges/im2.jpg" alt="">
            <img class="img3" src="./imges/im3.jpg" alt="">
            <div class="xiangmu">
                <div class="shang">
                    <img class="img7" src="./imges/img7.jpg" alt="">
                    <div class="h1">项目</div>
                <div class="td">羽毛球场</div>
                <div class="td">游泳馆</div>
                <div class="td">足球场</div>
                <div class="td">网球场</div>
                <div class="td">篮球场</div>
                <div class="td">壁球</div>
                <div class="zhong">
                    <img class="img7" src="./imges/im8.jpg" alt="">
                    <div class="h3">区域</div>
                    <div class="h2"><div class="td">不限</div>
                    <div class="td">天河区</div>
                    <div class="td">白云区</div>
                    <div class="td">海珠区</div>
                    <div class="td">荔湾区</div>
                    <div class="td">越秀区</div>
                    <div class="td">黄浦区</div>
                    <div class="td">番禹区</div>
                    <div class="td">花都区</div>
                    <div class="td">增城市</div>
                    <div class="td">从化市</div>
                    <div class="td">萝岗区</div>
                    <div class="td">南沙区</div></div>
                </div>
                <div class="xia">
                    <div class="yum"><img class="img8" src="./imges/im9.jpg" alt=""><div class="mp1">
                        <h1>广州体育馆</h1>
                        地址:白云区白云大道南783号广州新体育馆
                        <div class="m1"> 层高:15m以上&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp
                            地板:木地板</div></div>
                <div class="mp2">
                    <div class="m2">优惠价:<div class="o">25</div>&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp元</div>
                    <div class="yuanjia">原价:35.00元</div>
                    <div class="yudin">立即预定</div>
                </div></div>
                    <div class="yum"><img class="img8" src="./imges/趣运动首页.jpg" alt=""><div class="mp1">
                        <h1>广州体育馆</h1>
                        地址:白云区白云大道南783号广州新体育馆
                        <div class="m1"> 层高:15m以上&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp
                            地板:木地板</div></div>
                <div class="mp2">
                    <div class="m2">优惠价:<div class="o">25</div>&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp元</div>
                    <div class="yuanjia">原价:35.00元</div>
                    <div class="yudin">立即预定</div>
                    </div></div>
                    <div class="yum"><img class="img8" src="./imges/趣运动首页.jpg" alt=""><div class="mp1">
                        <h1>广州体育馆</h1>
                        地址:白云区白云大道南783号广州新体育馆
                        <div class="m1"> 层高:15m以上&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp
                            地板:木地板</div></div>
                <div class="mp2">
                    <div class="m2">优惠价:<div class="o">25</div>&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp元</div>
                    <div class="yuanjia">原价:35.00元</div>
                    <div class="yudin">立即预定</div>
                    </div></div>
                    <div class="yum"><img class="img8" src="./imges/趣运动首页.jpg" alt=""><div class="mp1">
                        <h1>广州体育馆</h1>
                        地址:白云区白云大道南783号广州新体育馆
                        <div class="m1"> 层高:15m以上&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp
                            地板:木地板</div></div>
                <div class="mp2">
                    <div class="m2">优惠价:<div class="o">25</div>&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp元</div>
                    <div class="yuanjia">原价:35.00元</div>
                    <div class="yudin">立即预定</div>
                    </div></div>
                    <div class="yum"><img class="img8" src="./imges/趣运动首页.jpg" alt=""><div class="mp1">
                        <h1>广州体育馆</h1>
                        地址:白云区白云大道南783号广州新体育馆
                        <div class="m1"> 层高:15m以上&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            &nbsp&nbsp&nbsp&nbsp
                            地板:木地板</div></div>
                <div class="mp2">
                    <div class="m2">优惠价:<div class="o">25</div>&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp元</div>
                    <div class="yuanjia">原价:35.00元</div>
                    <div class="yudin">立即预定</div>
                    </div></div>
                </div>
            </div>
            </div>
            <div class="buttonbox"><button class="button2">&lt&lt上一页</button>
                <button class="button2">1</button>
                <button class="button2">2</button>
                <button class="button2">3</button>
                <button class="button2">4</button>
                <button class="button2">5</button>
                <button class="button2">下一页>></button></div>
        </div>
        <div class="box2">
            <div class="saoma">
                <div class="a2">客户端</div>
                <div class="a1">微信</div>
                <div class="a1">微博</div>
                <img class="img4" src="./imges/im4.jpg" alt="">
            </div>
            <div class="tuijian">
                <div class="a3">推荐场馆</div>
                <div class="jiage"><div class="l"><img class="img5" src="./imges/im5.jpg" alt=""></div><div class="r"><div class="p1">趣运动.名狮羽毛球馆</div>价格:30.00</div></div>
                <div class="l">趣运动.新翼羽毛球馆<div class="ll">天河区</div></div>
                <div class="l">天河区新羽毛球馆<div class="ll">天河区</div></div>
                <div class="l">荔湾区君雄羽毛球馆<div class="ll">荔湾区</div></div>
                <div class="l">海珠区广州创傲(纺织)羽毛球馆<div class="ll">海珠区</div></div>
                <div class="l">白云区乐乐羽毛球馆<div class="ll">白云区</div></div>
            </div>
            <img class="img6" src="./imges/img6.jpg" alt="">
        </div>
    </div>
    <div class="foot">
        <div class="box">
            <div class="o1"><div class="fot">关于我们</div><div class="fot">加入我们</div><div class="fot">联系我们</div></div>
            <div class="o2"><div class="fot">帮助中心</div><div class="fot">预订流程</div></div>
            <div class="o3"><div class="fot">商家后台</div></div>
            <div class="o4"><img class="img9" src="./imges/im0.jpg" alt=""></div>
            <div class="o5"><img src="./imges/个2.jpg" alt=""></div>
        </div>
    </div>
    <div class="f">
        <div class="box">
            <img class="img11" src="./imges/im11.jpg" alt="">
        </div>
    </div>
</body>
</html>